<template>
  <div class="header">
    <div class="other">
      <div class="content df jcs f12 bs">
        <ul class="left df">
          <li class="l-li df jc ai"><img class="icon" src="http://www.mei.com/images/zhuceyouli.gif"><a href="" >注册有礼</a></li>
          <li class="l-li df jc ai"><span>|</span></li>
          <li class="l-li df jc ai"><a href="">登录</a></li>
          <li class="l-li df jc ai"><span>|</span></li>
          <li class="l-li df jc ai"><a href="">收藏</a></li>
        </ul>
        <ul class="right df">
          <li class="l-li df jc ai"><a href="">在线咨询</a></li>
          <li class="l-li df jc ai"><span>|</span></li>
          <li class="l-li df jc ai"><a href="">手机版</a></li>
          <li class="l-li df jc ai"><span>|</span></li>
          <li class="l-li df jc ai"><a href="" class="icon weibo"></a></li>
        </ul>
      </div>
    </div>
    <div class="head">
      <div class="content df jcs ai">
        <div class="left df">
          <a href="http://www.mei.com/index.html" class="logo" title="魅力惠MEI.COM 时尚奢品 限时折扣"></a>
          <a class="logo_slogan" title="时尚奢品  限时折扣"></a>
        </div>
        <div class="search df jc ai">
          <div class="ipt-box">
            <input class="ipt f16" type="text" placeholder="D MOU最低可至2折">
          </div>
          <div class="icon"></div>
        </div>
      </div>
    </div>
    <div :class = "['nav',navTop?'nav-top':'']">
      <div class="content df  jcs">
        <ul class="nav-left df f14">
          <li>
            <a href="" class="active">首页</a>
          </li>
          <li>
            <a href="">女士</a>
          </li>
          <li>
            <a href="">男士</a>
          </li>
          <li>
            <a href="">美妆</a>
          </li>
          <li>
            <a href="">家居</a>
          </li>
          <li>
            <a href="">婴童</a>
          </li>
          <li>
            <a href="">海外<i class="icon"></i></a>
          </li>
          <li>
            <a href="">即将推出</a>
          </li>
        </ul>
        <ul class="nav-right df">
          <li>
            <a href="" class="icon online" title="联系客服"></a>
          </li>
          <li>
            <a href="" class="icon shop-car" title="购物车"></a>
          </li>
          <li>
            <span>|</span>
          </li>
          <li>
            <span>￥</span><span>0.00</span>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>
<script src="./Header.js"></script>

<style lang="scss">
@import './Header.scss';
</style>
